 html,
 body {
     width: 100%;
     height: 100%;
     display: block;
     margin: 0;
     padding: 0;
     background: 0 0;
 }

 body {
     overflow-x: hidden;
     background-image: url('../img/bac.png');
     background-repeat: no-repeat;
     background-position: top center;
 }

 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
     color: #ACACAC;
 }

 input:-moz-placeholder,
 textarea:-moz-placeholder {
     color: #ACACAC;
 }

 input::-moz-placeholder,
 textarea::-moz-placeholder {
     color: #ACACAC;
 }

 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
     color: #ACACAC;
 }


 #header,
 #main,
 #footer {
     width: 964px;
     margin: 0 auto;
 }

 #header {
     height: 75px;
 }

 #header a {
     float: right;
     padding-top: 30px;
     color: #48CFFC;
 }

 #main {
     height: 800px;
 }

 #notice {
     float: right;
     margin-top: 78px;
     width: 273px;
     height: 162px;
     display: none;
     background-image: url(../img/system_notice.png);
     background-repeat: no-repeat;
     z-index: 999999;
 }

 #notice #notice-box {
     width: 230px;
     height: 78px;
     margin-top: 43px;
     margin-left: 22px;
     font-size: 14px;
     overflow-y: hidden;
     /* border: 1px solid red; */
 }

 #login {
     float: left;
     width: 440px;
     height: 200px;
     margin-top: 200px;
 }

 #login #login-label {
     font-weight: bold;
     color: white;
 }


 #login #login-tips {
     width: 336px;
     height: 30px;
     line-height: 30px;
     margin-top: 20px;
     padding-left: 10px;
     font-size: 14px;
     color: #FF4747;
     background-color: #fff4dd;
     border-radius: 4px;
 }

 #login input {
     width: 310px;
     height: 30px;
     border: none;
     border-radius: 4px;
 }

 #login #login-input {
     width: 350px;
     height: 78px;
     margin-top: 13px;
 }


 #login #name,
 #password {
     text-align: left;
     padding-left: 36px;
     line-height: 30px;
     background-image: url(../img/u.png);
     background-repeat: no-repeat;
     background-position: 10px 6px;
 }

 #login #password {
     margin-top: 13px;
     margin-top: 17px\0;
     background-image: url(../img/s.png);
 }

 #login #submit {
     float: right;
     width: 81px;
     height: 77px;
     margin-top: -78px;
     background-image: url(../img/log.png);
     background-color: #4BD4FF;
     background-repeat: no-repeat;
     background-position: 0px 0px;
 }

 #login #forget {
     float: left;
     margin-top: 10px;
 }

 #login #forget a {
     color: white;
 }

 #download {
     width: 320px;
     height: 120px;
 }

 #download #qr {
     float: left;
 }

 #download #an {
     margin-left: 10px;
     cursor: pointer;
 }

 #download #ios {
     margin-top: 20px;
     margin-left: 10px;
     cursor: pointer;
 }

 #footer {
     height: 45px;
 }

 #footer p {
     text-align: center;
     color: #C8C8C8;
     font-size: 10px;
     font-size: 11px\0;
 }
 /*placeholder*/

 .placeholder {
     height: 25px;
     padding-left: 36px;
     margin-top: -30px;
     font-size: 12px;
     line-height: 30px;
     color: #ACACAC;
     border: 1px;
 }